/* px 转化为rem */
@function rem($px){
	@return $px/108px * 1rem;
	//@return $px/64 rem;
}
*{
	margin:0;
	padding:0;
}
/* 最外层容器 */
.container{
	width:100%;
	height:auto;
	background:#f2f2f2;
	/* 头部 */
	.header{
		width:100%;
		height:rem(120px);
		background:#FFF;
		margin-bottom: rem(30px);
		ul{
			display:flex;
			align-content: flex-start;
			li{
				width:25%;
				height:rem(120px);
				color:#525252;
				font-size: rem(40px);
				text-align: center;
				line-height: rem(120px);
				span{
					display:inline-block;
					padding:0 rem(10px);
					height:rem(117px);
				}
				.artive{
					color:#ff5405;
					border-bottom:rem(3px) solid #ff5405;
				}
			}
		}
	}
	/* 订单 */
	.order-wrap{
		width:100%;
		background:#f2f2f2;
		margin-bottom: rem(30px);
		.order-top{
			width:100%;
			height:rem(55px);
			border-bottom:rem(1px) solid #9a9a9a;
			background:#FFF;
			.top-wrap{
				width:rem(1010px);
				height:100%;
				margin:0 auto;
				span{
					display:inline-block;
					width:rem(190px);
					height:rem(54px);
					border-bottom:rem(1px) solid #fb5901;
					line-height: rem(54px);
					text-align: center;
					color:#fb5901;
				}
			}
		}
		.top-center{
			width:100%;
			border-bottom: rem(1px) solid #9a9a9a;
			background:#FFF;
			.center-wrap{
				width:rem(1010px);
				height:100%;
				margin:0 auto;
				.dindan-time{
					width:100%;
					height:rem(130px);
					background:#FFF;
					border-bottom: rem(1px) dashed #515151;
					display:flex;
		      justify-content: space-between;
					.orderNumber{
						height:100%;
						margin-top:rem(25px);
						p{
							color:#535353;
							font-size:rem(35px);
						}
						p:last-of-type{
							margin-top:rem(10px);
						}
					}
					.money{
						color:#535353;
						font-size:rem(40px);
						display:flex;
						align-items: center;
					}
				}
				.particulars{
					width:100%;
					/*background:#FFF;*/
					overflow:hidden;
					li{
						display:flex;
		      	justify-content: space-between;
		      	margin-top: rem(30px);
		      	span{
		      		color:#515151;
		      		font-size:rem(40px);
		      	}
		      	.commodity{
		      		width:rem(160px);
		      		color:#515151;
		      		font-size:rem(40px);
		      		margin-right: rem(80px);
		      	}
		      	.tradeName{
		      		color:#515151;
		      		font-size:rem(40px);
		      		width:rem(630px);
		      		line-height: rem(45px);
		      	}
		      	.number{
		      		display:inline-block;
		      		width:rem(170px);
		      		text-align: center;
		      	}
		      	.sites{
		      		width:rem(160px);
		      	}
		      	.receive{
		      		width:rem(775px);
		      		word-wrap:break-word;
		      		word-break:break-all;
		      	}
					}
					.delivery{
						margin-bottom: rem(40px);
					}
				}
			}
		}
		.top-bottom{
			width:100%;
			height:rem(155px);
			background:#FFF;
			overflow:hidden;
			.dispose{
				color:#fe5704;
				font-size:rem(40px);
				width:rem(235px);
				height:rem(85px);
				border:rem(1px) solid #fe5704;
				border-radius:rem(10px);
				margin:0 auto;
				margin-top:rem(35px);
				text-align: center;
				line-height: rem(85px);
			}
		}
	}
}